/* 开始界面 */
#startPanel{
    width:320px;
    height: 568px;
    background-image: url(../img/开始背景.png);
    position: relative;
}
#startBtn{
    width:150px;
    height: 30px;
    background-color: #b7bcbd;
    border:1px solid;
    position: absolute;
    left:85px;
    bottom:60px;
    border-radius: 50px;
    outline: none;
}

/* 主界面 */
#mainPanel{
    width:320px;
    height: 568px;
    background: url(../img/background_1.png);
    display: none;
    position: relative;
    overflow: hidden;
}

/* 主界面中的所有物体（飞机、子弹）都要绝对定位 */
#mainPanel img{
    position: absolute;
}


/* 分数盒子 */
#scoreDiv{
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 18px;
	font-weight: bold;
	z-index: 2;
}

#tips{
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 15px;
	font-weight: bold;
	z-index: 2;
	top:35px;
}

/* 结束界面的盒子 */
#endDiv,#pauseDiv,#rank{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 200px;
	width: 200px;
	border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	background-color: rgb(215,221,222);
	/* 代表是标签的优先,数值越大,在上面 */
	z-index: 9999;
	display: none;
}
#text{
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color:red;
}

#myname{
	height:30px;
	width:60%;
	border:1px solid #ccc;
	outline:none;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.7);
}

#endScore{
	width: 200px;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;

}
#rank table{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
#endDiv button,#rank button{
	width: 120px;
	height: 30px;
	border: 1px solid gray;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
}